<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="edge" />
<!-- <meta http-equiv="content-type" content="text/html;charset=utf-8"> -->
<%@include file="/views/common/include/taglib.jsp"%>
<%@include file="/views/common/include/head.jsp"%>
<link rel="stylesheet" href="${ctx}/css/page/header2.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/reset.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/enterpage.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/footer.css" type="text/css">
<script src="${ctx}/js/controllers/LoginController.js" type="text/javascript"></script>
<script src="${ctx}/js/controllers/OpenShopController.js" type="text/javascript"></script>
<script src="${ctx}/js/controllers/mall/MainHomePageController.js" type="text/javascript"></script>
<style type="text/css">

</style>
</head>
<body>
    <%@include file="/views/common/head_main.jsp"%>
    <div class="bg">
        <div class="contentbox1 contentbox">
        <div id="focus" class="w">
				<div class="slider">
					<ul style="position: relative;" class="slider-main"  >
						<li class="slider-panel ng-animate" style=" z-index: 1; opacity: 1;"  onmouseover="bannerOver();" onmouseout="bannerOut();">
							<div class="inner">
                                <c:if test="${bannerSize > 0}">
								<c:forEach begin="0" end="${bannerSize-1}" var="i">
									<c:if test="${i < 5}">
										<c:set var="item" value="${adInfos[i]}"/>
											<a id="banner${i+1}" 
											<c:if test="${item.objType == 1 }"> href="${ctx}/shopIndex?shopId=${item.objId}" target="_blank"</c:if> 
											<c:if test="${item.objType == 2 }"> href="${ctx}/GoodsDetail?id=${item.objId}" target="_blank"</c:if> 
											<c:if test="${item.objType == 3 && item.url != null && item.url != ''}"> href="${item.url}" target="_blank"</c:if> > 
												<img alt="" src="${sessionScope.image_logo}${item.img}"  class="goods-photo" height="400" width="1200">
											</a>
									</c:if>
								</c:forEach>
                                </c:if>
								<c:if test="${bannerSize == null }">
									<img src="${sessionScope.image_logo}${defaultImg}" class="goods-photo" height="400" width="1200">
								</c:if>
							</div>
						</li>
					</ul>
					<div id="bannerBack" class="slider-page" style="cursor: pointer;margin-top: 20px;" onmouseover="bannerOver();" onmouseout="bannerOut();">
						<ul class="slider-nav" style="width: 1200px;margin-top: -70px;">
							<c:if test="${bannerSize > 0}">
								<c:forEach begin="0" end="${bannerSize-1}" var="i">
								<c:set var="item" value="${adInfos[i]}"/>
									<li id="slider${i+1}" class="slider-item" style="height:20px;width:22px;"onclick="changeBanner(${i+1});" class="slider-selected">
									${i+1}
									</li>
								</c:forEach>
							</c:if>
						</ul>
					</div>
					
					<div id="bannerSwitch" class="slider-page" style="display: none;position: relative;" onmouseover="bannerOver();" onmouseout="bannerOut();">
							<a href="javascript:void(0)" title="上一张" onclick="preBanner();" class="slider-prev"
							style="margin-top: -250px">&lt;</a> 
						</div>
						<div id="bannerSwitch2" class="slider-page" style="display: none;position: relative;" onmouseover="bannerOver();" onmouseout="bannerOut();">
							<a href="javascript:void(0)"  onclick="nextBanner();" class="slider-next"
							style="right: 0px;margin-top: -250px">&gt;</a>
						</div>
				</div>
			</div>
<%--                 <img src="${ctx}/images/page/mainpic.png">     --%>
        </div>
        <div class="contentbox2 contentbox">
            <div class="wid">
                <div class="enter2"><img src="${ctx}/images/page/enter2.png"></div>
                <div class="areanotice">
                    <img class="notice" src="${ctx}/images/page/notice.png">
                    <ul>
                        <c:forEach items="${noticeInfos }" var="noticeInfo" varStatus="noticeInfoStatus">
                            <li class="noticecotent">
                                <a href="${ctx}/noticeInfo/noticeInfoDetail?id=${noticeInfo.id}">
                                <span class="niTit">${fn:substring(noticeInfo.title , 0 , 15)}<c:if test="${fn:length(noticeInfo.title) > 15}">...</c:if></span>
                                <span class="date"><fmt:formatDate value="${noticeInfo.updateTime}" pattern="yyyy.MM.dd"/></span>
                                </a><hr/>
                            </li>
                        </c:forEach>
                    </ul>
                    <a href="${ctx}/noticeInfo/noticeInfoList">
                        <h3 class="more" >更多...</h3>
                    </a>
                    </div>
                
            </div>
            <div class="payment">
                <div  >
                	<img src="${ctx}/images/page/enter3.png"> 
                	<%-- <a href="${ctx}/propertyBill/getMyBill" class="sy1 sy"> --%><img class="sy1 sy" onclick="goToMyBillPage();" src="${ctx}/images/page/sy1.png"><!-- </a> -->
                	<%-- <a href="${ctx}/carBill/getCarManage" class="sy2 sy"> --%><img class="sy2 sy" onclick="goToCarBillPage();" src="${ctx}/images/page/sy2.png"><!-- </a> -->
                	 <a href="https://jiaofei.alipay.com/fare/ebppChargeEntering.htm?chargeType=water&province=%ba%fe%b1%b1&city=%ce%e4%ba%ba" > <img class="sy3 sy"  src="${ctx}/images/page/sy3.png"></a> 
                	<a href="https://jiaofei.alipay.com/fare/ebppChargeEntering.htm?chargeType=water&province=%ba%fe%b1%b1&city=%ce%e4%ba%ba" > <img class="sy4 sy"  src="${ctx}/images/page/sy4.png"></a> 
                	<a href="https://jiaofei.alipay.com/fare/ebppChargeEntering.htm?chargeType=water&province=%ba%fe%b1%b1&city=%ce%e4%ba%ba"  > <img class="sy5 sy" style="top: 116px;" src="${ctx}/images/ranqifei.png"> </a> 
                </div>
            </div>
            <c:if test="${not empty seckillGoodsList }">
	            <div class="miaosha">
	                <img src="${ctx}/images/page/spikeArea.png">
	                <div class="showpic">
	                    <div class="bigpic" style="height: 350px;">
		                    <c:forEach items="${seckillGoodsList}" var="item" varStatus="status">
		                    		<c:if test="${status.index < 4}">
		                    			<c:if test="${status.index == 0}">
			                    			<a href="${ctx}/GoodsDetail?id=${item.id}" target="_blank"> 
													<img  src="${sessionScope.image_logo}${item.logo}" style="height: 321px;width: 275px;padding-right: 10px;float: left;" class="" >
											</a>
										</c:if>
										<c:if test="${status.index == 1 || status.index == 2}">
			                    			<a href="${ctx}/GoodsDetail?id=${item.id}" target="_blank"> 
													<img  src="${sessionScope.image_logo}${item.logo}" style="height: 321px;width: 275px;float: left;padding: 0 8px 0 10px;" class="" >
											</a>
										</c:if>
										<c:if test="${status.index == 3}">
			                    			<a href="${ctx}/GoodsDetail?id=${item.id}" target="_blank"> 
													<img  src="${sessionScope.image_logo}${item.logo}" style="height: 321px;width: 275px;float: left;padding-left:10px;" class="" >
											</a>
										</c:if>
		                    		</c:if>
		                    	</c:forEach>
							<!-- 广告图不够时用默认图片填补 -->
							<c:forEach begin="${bannerSizeSeckill+1}" end="4" var="i">
								<c:if test="${i == 1}">
									<img  src="${ctx}/images/mall/expect.jpg" style="height: 321px;width: 275px;padding-right: 10px;float: left;">
								</c:if>
								<c:if test="${i == 2 || i == 3}">
									<img src="${ctx}/images/mall/expect.jpg" style="height: 321px;width: 275px;float: left;padding: 0 8px 0 10px;">
								</c:if>
								<c:if test="${i == 4}">
									<img src="${ctx}/images/mall/expect.jpg" style="height: 321px;width: 275px;float: left;padding-left:10px;">
								</c:if>
							</c:forEach>
	                    </div>
	                    <a href="${ctx}/mallSeckill"><img class="findmore"src="${ctx}/images/page/genduo.png"></a>
	                </div>
	            </div>
            </c:if>
            <div class="areafunction">
                <div class="fix">
                    <img class="chuanglian" src="${ctx}/images/page/shouyeWuyeRepair.png">
                    <img class="areapic" src="${ctx}/images/page/f1.png">
                   <a class="fixbox box" href="${ctx}/propertyRepair/goToEditPage">
                        我要报修
                    </a>
                </div>
                <div class="advice">
                    <img  class="chuanglian" src="${ctx}/images/page/tsjy.png">
                    <img class="areapic" src="${ctx}/images/page/f2.png">
                    <a class="advicebox box" href="${ctx}/main?item=5">我要投诉
                    </a>
                </div>
                
                
            </div>
            <div class="openshop">
                <div class="chuanglian"><img src="${ctx}/images/page/kaidian2.png"></div>
                <form class="shopbox">
                    <div class="leftshop">
                        <!-- <p>客服电话：（0270）1234-5678</p> -->
                        <input  maxlength="20" class="mb-10"type="text" placeholder="联系人" id="yourName" onblur="checkContactor()"></input>
                        <input type="text" placeholder="联系人电话" id="yourPhone" onblur="checkContactorPhone()"></input>
                        <p>所在小区：</p>
                        <select class="shengshi" id="province" onblur="checkProvinceName()">
                           <option value="">--省--</option> 
                		   <c:forEach items="${provinceList}" var="provinceItem" varStatus="status">
                    
                        		<option id="${provinceItem.regionName}" value="${provinceItem.id}" <%-- <c:if test="${provinceItem.regionName == cellInfo.provinceName}">selected</c:if> --%>>
                            ${provinceItem.regionName}
                        </option>
                		  </c:forEach>
                        </select>
                        <select class="shengshi" id="city" onblur="checkCityName()" style="width:198px">
                            <option value="">--市--</option>
				                <c:if test="${not empty cityList}">
				                    <c:forEach items="${cityList}" var="cityItem" varStatus="status">
				                    
				                        <option id="${cityItem.regionName}" value="${cityItem.id}" <%-- <c:if test="${cityItem.regionName == cellInfo.cityName}"> selected</c:if> --%>>
				                            ${cityItem.regionName}
				                        </option>
				                    </c:forEach>
				                </c:if>
                        </select>
                        <select class="loca" id="district" onblur="checkAreaName()">
                            <option value="">--区--</option>
				                <c:if test="${not empty districtList}">
				                    <c:forEach items="${districtList}" var="districtItem" varStatus="status">
				                    <option id="${districtItem.regionName}" value="${districtItem.id}" <%-- <c:if test="${districtItem.regionName == cellInfo.areaName}">selected</c:if> --%>>
				                        ${districtItem.regionName}
				                    </option>
				                    </c:forEach>
				                </c:if>
                        </select>
                        <select class="loca" id="cellInfoId" onblur="checkCellInfo();" style="width:198px">  
							<option value="">--小区--</option> 
							<c:forEach items="${cellList}" var="cellInfo" varStatus="status">
								<option id="${cellInfo.id}" value="${cellInfo.id}" selected>
									${cellInfo.cellName}
								</option>
							</c:forEach>
				 		</select>
                    </div>
                    <div class="rightshop" id="openShop">
                        <!-- <p>咨询邮箱：18274612564@164.com</p> -->
                        <select class="shoptype" id="shop" onblur="checkShop()">
                            <option value="">店铺类型</option> 
                          <c:forEach items="${shopList}" var="shopItem" varStatus="status">
                                <option id="${shopItem.name}" value="${shopItem.id}">
                                         ${shopItem.name}
                                </option>
                            </c:forEach>
                        </select>
                        <textarea onpropertychange="if(value.length>200) value=value.substr(0,200)" maxlength="200" id="describe" onblur="checkDescrip()" placeholder="店面简要信息描述…"></textarea>
                    </div>
                </form>
                <input class="submit" type="button" onclick="nextStep();" value="提交"></input>
            </div>
                        
        </div>
    </div>
    <jsp:include page="/views/common/footer.jsp" />
    <script src="${ctx}/js/slide/slick.min.js"></script>
    <script type="text/javascript">
    setFYBannerSize('${bannerSize}');
		
    </script>
    <script type="text/javascript">
        function goToMyBillPage() {
              $.get(ctx+"/checkPropertyRightByCellId",function(data){
                    data = JSON.parse(data);
                    if(data.success){
                        parent.window.location.href = ctx + "/propertyBill/getMyBill?payBill=1";
                    }else{
                        layer.msg(data.msg, {icon: 5});
                    }
                });
            
        }
    </script>
    <script type="text/javascript">
        function goToCarBillPage() {
             $.get(ctx+"/checkCarRightByCellId",function(data){
                 data = JSON.parse(data);
                 if(data.success){
                     parent.window.location.href = ctx + "/carBill/getCarManage";
                 }else{
                     layer.msg(data.msg, {icon: 5});
                 }
             });
            
        }
    </script>
    <script type="text/javascript">
        function waterFee() {
            layer.msg("本小区不支持缴纳水费！！！", {icon: 5});
        }
    </script>
    <script type="text/javascript">
        function electricCharge() {
            layer.msg("本小区不支持缴纳电费！！！", {icon: 5});
        }
    </script>
     <script type="text/javascript">
        function telephoneFee() {
            layer.msg("本小区不支持缴纳电话费！！！", {icon: 5});
        }
    </script>
</body>
</html>